<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>留言</title>
    <script src="js/jQuery.js"></script>
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_850328_4weqx76q6s5.css">
    <link rel="stylesheet" href="css/liuyan.css">
</head>
<body>
    <div class="fixed"></div>
    <ul class="meau">
        <a href="index.html"><li>首页</li></a>
        <a href="lianjie.html"><li>链接</li></a>
        <a href="lianjie.html"><li>归档</li></a>
        <a href="liuyan.html"><li>留言</li></a>
        <a href=""><li>登录</li></a>
    </ul>
    <div class="alert">
        <div class="search">Type then select or enter</div>
    </div>
    <header>
        <div class="left">
            <i class="iconfont icon-sousuo"></i>
        </div>
        <div class="right" id="meau">
            <i class="iconfont icon-caidan"></i>

        </div>
    </header>
    <div class="head">
        <div class="center">
            <div class="top"></div>
            <h3>This is beauty</h3>
        </div>
    </div>
    <div class="wrapper">
        <svg id="header-decor" class="decor bottom" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 100 100" preserveAspectRatio="none">
            <path class="large left" d="M0 0 L50 50 L0 100" fill="rgba(255,255,255, .1)"></path>
            <path class="large right" d="M100 0 L50 50 L100 100" fill="rgba(255,255,255, .1)"></path>
            <path class="medium left" d="M0 100 L50 50 L0 33.3" fill="rgba(255,255,255, .3)"></path>
            <path class="medium right" d="M100 100 L50 50 L100 33.3" fill="rgba(255,255,255, .3)"></path>
            <path class="small left" d="M0 100 L50 50 L0 66.6" fill="rgba(255,255,255, .5)"></path>
            <path class="small right" d="M100 100 L50 50 L100 66.6" fill="rgba(255,255,255, .5)"></path>
            <path d="M0 99.9 L50 49.9 L100 99.9 L0 99.9" fill="rgba(255,255,255, 1)"></path>
            <path d="M48 52 L50 49 L52 52 L48 52" fill="rgba(255,255,255, 1)"></path>
        </svg>
    </div>
    <main>
        <div class="con">
            <h1>街坊留言</h1>
            <div class="bottom">
                <div class="left" id="comment">
                    <i class="iconfont icon-xinxi"></i>
                    折叠评论区
                </div>
                <div class="right" id="share">
                    <i class="iconfont icon-xinxi"></i>
                    分享
                </div>
            </div>
        </div>
        <div class="share">
            <div class="con">
                <ul>
                    <li>
                        <i class="iconfont icon-kongjian"></i>
                    </li>
                    <li>
                        <i class="iconfont icon-weibo"></i>
                    </li>
                    <li>
                        <i class="iconfont icon-douban1"></i>
                    </li>
                    <li>
                        <i class="iconfont icon-birdxiaoniao"></i>
                    </li>
                </ul>
            </div>

        </div>
        <div class="comment">
            <div class="con">
                <h2>160条评论</h2>
                <div class="ul">
                    <ul>
                        <li>
                            <div class="left"></div>
                            <div class="right">
                                <div class="autor">Wxxx</div>
                                <div class="word">俊杰男神，小弟给您拜年了。新年行大运，阖家欢乐，幸福安康。</div>
                                <div class="time">2018年2月16日 回复</div>
                            </div>
                        </li>
                        <li>
                            <div class="left"></div>
                            <div class="right">
                                <div class="autor">Wxxx</div>
                                <div class="word">俊杰男神，小弟给您拜年了。新年行大运，阖家欢乐，幸福安康。</div>
                                <div class="time">2018年2月16日 回复</div>
                            </div>
                        </li>
                        <li>
                            <div class="left"></div>
                            <div class="right">
                                <div class="autor">Wxxx</div>
                                <div class="word">俊杰男神，小弟给您拜年了。新年行大运，阖家欢乐，幸福安康。</div>
                                <div class="time">2018年2月16日 回复</div>
                            </div>
                        </li>
                        <li>
                            <div class="left"></div>
                            <div class="right">
                                <div class="autor">Wxxx</div>
                                <div class="word">俊杰男神，小弟给您拜年了。新年行大运，阖家欢乐，幸福安康。</div>
                                <div class="time">2018年2月16日 回复</div>
                            </div>
                        </li>
                        <li>
                            <div class="left"></div>
                            <div class="right">
                                <div class="autor">Wxxx</div>
                                <div class="word">俊杰男神，小弟给您拜年了。新年行大运，阖家欢乐，幸福安康。</div>
                                <div class="time">2018年2月16日 回复</div>
                            </div>
                        </li>
                        <li>
                            <div class="left"></div>
                            <div class="right">
                                <div class="autor">Wxxx</div>
                                <div class="word">俊杰男神，小弟给您拜年了。新年行大运，阖家欢乐，幸福安康。</div>
                                <div class="time">2018年2月16日 回复</div>
                            </div>
                        </li>
                        <li>
                            <div class="left"></div>
                            <div class="right">
                                <div class="autor">Wxxx</div>
                                <div class="word">俊杰男神，小弟给您拜年了。新年行大运，阖家欢乐，幸福安康。</div>
                                <div class="time">2018年2月16日 回复</div>
                            </div>
                        </li>
                    </ul>

                </div>
                <div class="message">
                    <ul>
                        <li>
                            <input type="text" placeholder="昵称:">
                        </li>
                        <li>
                            <input type="text" placeholder="邮箱:">
                        </li>
                        <li>
                            <input type="text" placeholder="地址:">
                        </li>
                    </ul>
                </div>
                <div class="message message1">
                    <ul>
                        <li>
                            <input type="text" placeholder="你不想说些什么吗">
                        </li>
                        <li>发送</li>
                    </ul>
                </div>
            </div>

        </div>


    </main>
    <div class="wrapper wrapper1">
        <svg id="header-decor" class="decor bottom" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 100 100" preserveAspectRatio="none">
            <path class="large left" d="M0 0 L50 50 L0 100" fill="rgba(255,255,255, .1)"></path>
            <path class="large right" d="M100 0 L50 50 L100 100" fill="rgba(255,255,255, .1)"></path>
            <path class="medium left" d="M0 100 L50 50 L0 33.3" fill="rgba(255,255,255, .3)"></path>
            <path class="medium right" d="M100 100 L50 50 L100 33.3" fill="rgba(255,255,255, .3)"></path>
            <path class="small left" d="M0 100 L50 50 L0 66.6" fill="rgba(255,255,255, .5)"></path>
            <path class="small right" d="M100 100 L50 50 L100 66.6" fill="rgba(255,255,255, .5)"></path>
            <path d="M0 99.9 L50 49.9 L100 99.9 L0 99.9" fill="rgba(255,255,255, 1)"></path>
            <path d="M48 52 L50 49 L52 52 L48 52" fill="rgba(255,255,255, 1)"></path>
        </svg>
    </div>
    <footer>
        <ul class="top">
            <li>
                <i class="iconfont icon-weibo"></i>
            </li>
            <li>
                <i class="iconfont icon-ai-weixin"></i>
            </li>
            <li>
                <i class="iconfont icon-qq"></i>
            </li>
        </ul>
        <div class="bottom">Copyright©2018. Design by 17sucai</div>
    </footer>
<script src="js/liuyan.js"></script>
</body>
</html>